.header-container {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999;
  // background-image: linear-gradient(25deg, #d8a7aa, #b4afb3, #88b6bd, #41bcc6);
  background-image: linear-gradient(56deg, #00a1cc, #00aad0, #269ea2, #03d6b4);
  // background: linear-gradient(left, rgb(122, 191, 247), rgb(2, 138, 248));
  min-width: 1200px;
  .header-content {
    // position: relative;
    width: 95%;
    height: 78px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .nav-tab {
      display: flex;
      li {
        position: relative;
        padding: 12px 30px;
        cursor: pointer;
        color: #fff;
        font-size: 19px;
        transition: 0.2s all linear;
        .nav-tab-text {
          margin-left: 10px;
        }
      }
      .sel-li {
        color: rgb(240, 214, 66);
        // border-bottom: 2px solid rgb(240, 214, 66);
      }
      li::before {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        width: 0;
        height: 100%;
        border-bottom: 2px solid rgb(228, 218, 161);
        transition: 0.3s all linear;
      }
      li:hover {
        color: rgb(228, 218, 161);
      }
      li:hover::before {
        width: 100%;
        left: 0;
        transition-delay: 0.1s;
      }
      li:hover ~ li::before {
        left: 0;
      }
    }
  }

  .ice-menu {
    background: transparent;
    .ice-menu-item {
      font-size: 17px;
      font-weight: 600;
      color: #fff;
      &:hover,
      a:hover {
        color: hsla(0, 0%, 100%, 0.7);
        // border-bottom: 1px solid #fff;
      }
    }
    .ice-menu-item-selected {
      border-bottom: 2px solid #fff;
      color: hsla(0, 0%, 100%, 0.7);
    }
  }
  .navs {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
